/**
 * Copyright (c) 2015 Lucky Byte, Inc.
 */

/* 主体背景暗一点，输入区域更加清楚
 */
body {
    background-color: rgb(230, 230, 230);
}

/* 顶部菜单
 */
.menubar {
    background-color: rgb(240, 240, 240) !important;
}

/* 导航条用不同的颜色加以区分
 */
.navbar {
    background-color: rgb(225, 235, 245) !important;
}

form#search_form {
    background-color: rgb(245, 245, 245) !important;
    padding-top: 10px;
    padding-bottom: 5px;
}

table#table {
    background-color: rgb(250, 250, 250) !important;
}


/* 表单背景颜色
 */
form.segment {
    background-color: rgb(245, 245, 245) !important;
}

/* 表单为主的页面两边留出更多的空间
 */
form.segment.attached.main {
    width: 90% !important;
    margin-left: 5% !important;
}

/* 避免网格超出页面 */
.grid.nomargin {
    margin: 0px;
}

/* 表单字段标题 */
form .field > label {
    color: #68b !important;
    font-weight: normal !important;
    margin-bottom: 0px !important;
}

form .field.required > label {
    color: #f66 !important;
}

form .field.either > label {
    color: blue !important;
}

form .field.changed > label {
    color: #f6f !important;
}

/* toggle 标题字体淡一点
 */
form .checkbox.toggle > label {
    color: #666 !important;
    padding-top: 3px !important;   /* 看起来更居中一点 */
}

/* 表单中的配置链接 */
form a.linkto {
    float: right;
    margin-right: 10px;
    color: #48f;
}

/* 日志显示 */
pre span {
  font-family : Courier, "Courier New", monospace;
}

/* 紧凑模式下拉框、输入框、标签变矮一点 */
.ui.selection.dropdown.small {
    min-height: 28px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.ui.input.small input {
    min-height: 28px;
    padding-top: 7px;
    padding-bottom: 7px;
}
.ui.labeled.input.small > .label:not(.corner):not(.tag) {
    padding-top: 8px;
    padding-bottom: 7px;
}

/* 链接颜色 */
a {
    color: blue;
}
